<!-- Nested node template -->
<div class="panel panel-default">
	<div class="panel-body">

		<script type="text/ng-template" id="nodes_renderer.html">
			<div ui-tree-handle class="tree-node tree-node-content" ng-click="getit(this)" ng-class="{'unavailable': node.unavailable, 'selected' : obj.id != 	undefined && node.id != undefined && obj.id == node.id} "
			 ng-show="visible(this)">
				<a class="btn btn-success btn-xs" ng-if="node.nodes && node.nodes.length > 0" data-nodrag ng-click="toggle(this)">
    				<span class="glyphicon"  ng-class="{ 'glyphicon-chevron-right': collapsed, 'glyphicon-chevron-down': !collapsed }"> </span>
				</a> &nbsp;
				<font size="3">{{node.name}} </font><span ng-show="node.code != undefined"><font size="3">［{{node.code}}］</font></span>
				<p class="text-right" style="margin-top: 5px;margin-bottom: 0px; ">
					<small ng-show="node.guide_price != undefined">
						<font size="2">成本价{{node.cost_price * 0.01 | currency : '¥'}} </font>
					</small>
					<small ng-show="node.guide_price != undefined">
						<font size="2">指导价{{node.guide_price * 0.01 | currency : '¥'}} </font>
					</small>
					<small ng-show="node.market_price != undefined">
						<font size="2">门市价{{node.market_price * 0.01 | currency : '¥'}}</font>
					</small>
					<small ng-show="node.govsubsidy_price != undefined && node.govsubsidy_price != -1">
						<font size="2">政府补贴{{node.govsubsidy_price * 0.01 | currency : '¥'}} </font>
					</small>
				</p>
			</div>
			<ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}" style="font-family: '黑体';cursor:pointer;">
				<li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer.html'" style="margin-left:20px;list-style-type:none;cursor:pointer;">
				</li>
			</ol>
		</script>


		<!-- Nested node template -->
		<!-- <script type="text/ng-template" id="nodes_renderer.html">
  <div ui-tree-handle class="tree-node tree-node-content">
    <a class="btn btn-success btn-xs" data-nodrag ng-click="toggle(this)">
      <span class="glyphicon"
            ng-class="{'glyphicon-chevron-right': collapsed, 'glyphicon-chevron-down': !collapsed}">
      </span>
    </a>
    {{node.name}}
    <a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="remove(this)"><span
        class="glyphicon glyphicon-remove"></span></a>
    <a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="newSubItem(this)" style="margin-right: 8px;"><span
        class="glyphicon glyphicon-plus"></span></a>
  </div>
  <ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}">
    <li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer.html'" ng-show="visible(node)">
    </li>
  </ol>
</script> -->



		<!--<div class="col-sm-12" ng-show="sale_category == 'F11' || sale_category == 'F15'">
			<div class="panel panel-default">
				<div class="panel-body">
					<div class="form-group form-inline">
						<div class="col-sm-4">
							<label>电话</label>&nbsp;&nbsp;
							<input type="text" class="form-control" ng-model="searchform.mobile"> &nbsp;&nbsp;&nbsp;&nbsp;
							<button type="button" class="btn btn-default search" ng-click="search()">立即搜索</button>
						</div>
						<div class="col-sm-8">
							<p class="bg-info" style="padding: 10px;">
								&nbsp;{{userinfo}}
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>-->



		<div class="row">

			<div class="col-sm-5" style="height:550px; overflow: auto;padding-left:-5px;">
				<div class="row form-horizontal">
					<label class="col-xs-3 control-label text-right">景区搜索</label>
					<div class="col-xs-8">
						<input type="text" class="form-control" ng-model="query" ng-change="findNodes()">
					</div>
				</div>


				<div ui-tree id="tree-root" data-nodrop-enabled="true" data-drag-enabled="false" style="font-family: '黑体';">
					<ol ui-tree-nodes ng-model="data">
						<li ng-repeat="node in data" ui-tree-node ng-include="'nodes_renderer.html'" ng-show="visible(node)" style="list-style-type:none;cursor:pointer;"></li>
					</ol>
				</div>

				<!-- <div ui-tree id="tree-root">
      <ol ui-tree-nodes="" ng-model="data">
        <li ng-repeat="node in data" ui-tree-node ng-include="'nodes_renderer.html'" ng-show="visible(node)"></li>
      </ol>
    </div> -->


			</div>

			<div class="row col-sm-7" ng-show="show == true">

				<div class="panel panel-success ">
					<div class="panel-heading ">{{obj.name}}
						<!-- (需要提前 <span class="bhour"></span> 小时购票)--></div>
					<div class="panel-body addTicketForm">
						<div class="input-group">
							<span class="input-group-addon">身份证号</span>
							<input type="text" class="form-control" ng-model="order.cardno" ng-disabled="sale_category == 'F11' || sale_category == 'F15'">
						</div>
						<div class="input-group mt20">
							<span class="input-group-addon">游客姓名</span>
							<input type="text" class="form-control" ng-model="order.name" ng-disabled="sale_category == 'F11' || sale_category == 'F15'">
						</div>
						<div class="input-group mt20">
							<span class="input-group-addon">联系电话</span>
							<input type="text" class="form-control" ng-model="order.mobile" ng-disabled="sale_category == 'F11' || sale_category == 'F15'">
						</div>
						<div class="input-group num mt20">
							<span class="input-group-addon">购票数量</span>
							<button type="button" class="btn btn-default jian " ng-click="jian()">-</button>
							<input type="text" class="kuang" ng-model="order.num">
							<button type="button" class="btn btn-default jia" ng-click="jia()">+</button>
						</div>
						<div class="input-group mt20">
							<span class="input-group-addon">备注信息</span>
							<input type="text" class="form-control" ng-model="order.note">
						</div>

						<div class="input-group mt20 col-xs-6">
							<span class="input-group-addon">出游时间</span>
							<!--<div class="input-group" ng-if="price_type == '0'">-->
								<input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="section.start.date.label" is-open="section.start.date.opened"
								 readonly close-text="关闭" current-text="今天" clear-text="清除" />
								<span class="input-group-btn"  ng-if="price_type == '0'">
									<button type="button" class="btn btn-default"
										ng-click="open($event, section.start.date)">
										<i class="glyphicon glyphicon-calendar"></i>
									</button>
								</span>
								<span class="input-group-btn"  ng-if="price_type == '1'">
									<button type="button" class="btn btn-default" ng-click="selectDate()">
										<i class="glyphicon glyphicon-calendar"></i>
									</button>
								</span>
							<!--</div>-->
							<!--<div class="input-group" ng-if="price_type == '1'">
							</div>-->
						</div>

						<!--<div class="input-group mt20">
					<span class="input-group-addon">出游时间</span>
					<div class="input-group">
						<input type="text" class="form-control" uib-datepicker-popup="yyyy-MM-dd" ng-model="section.start.date" is-open="section.start.opened"
						 ng-required="true" datepicker-options="inlineOptions" close-text="Close" readonly/>
						<span class="input-group-btn">
                  <button type="button" class="btn btn-default" ng-click="open(section.start)"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
					</div>
				</div>-->

						<div class="col-sm-12" ng-show="obj.tour_date_type == '1'">
							<p class="form-control-static text-danger">
								出游时间必填，该票种只能在出游日期使用！！！！</p>
						</div>


						<button type="button" class="btn btn-info btn-block mt20" ng-click="gogo()" ng-disabled="!btnstate">确认购票</button>
					</div>
				</div>


				<div class="panel panel-success">
					<div class="panel-heading">预定需知</div>
					<div class="panel-body tinfo">
						<p ng-bind-html="obj.bookingnotes | trustHtml"></p>
					</div>
				</div>

			</div>
		</div>
	</div>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
			border: 0;
		}
		/*.tree-node-content {
			font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
		}*/
		/*.tree-node-content{
			font-family:  "宋体";
		}*/

		.tree-node {
			padding: 5px;
			/*padding-top:5px;
			padding-bottom:5px;*/
			font-family: "黑体";
		}

		.panel-body {
			padding-left: 5px;
		}


		.mt10 {
			margin-top: 10px;
		}

		.mt15 {
			margin-top: 15px;
		}

		.mt20 {
			margin-top: 20px;
		}

		.mt25 {
			margin-top: 25px;
		}

		.mb10 {
			margin-bottom: 10px;
		}

		.mb20 {
			margin-bottom: 20px;
		}

		.ml20 {
			margin-left: 20px;
		}

		.mr15 {
			margin-right: 15px;
		}

		.fl {
			float: left;
		}

		body {
			/*padding-bottom: 70px;*/
		}

		.navbar-brand {
			/*padding-top: 5px;*/
		}


		.pt5 {
			padding-top: 5px;
		}


		.modal-lg {
			width: 1200px;
		}

		.angular-ui-tree-handle {
			background: #f8faff;
			border: 1px solid #dae2ea;
			color: #7c9eb2;
			padding: 10px 10px;
		}

		.angular-ui-tree-handle:hover {
			color: #438eb9;
			background: #f4f6f7;
			border-color: #dce2e8;
		}

		.angular-ui-tree-placeholder {
			background: #f0f9ff;
			border: 2px dashed #bed2db;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		tr.angular-ui-tree-empty {
			height: 100px
		}

		.group-title {
			background-color: #687074 !important;
			color: #FFF !important;
		}
		/* --- Tree --- */

		.tree-node {
			border: 1px solid #dae2ea;
			background: #f8faff;
			color: #7c9eb2;
		}

		.nodrop {
			background-color: #f2dede;
		}

		.tree-node-content {
			margin: 10px;
		}

		.tree-handle {
			padding: 10px;
			background: #428bca;
			color: #FFF;
			margin-right: 10px;
		}

		.angular-ui-tree-handle:hover {}

		.angular-ui-tree-placeholder {
			background: #f0f9ff;
			border: 2px dashed #bed2db;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.navbar-custom {
			background-color: #428bca;
			border-color: #337ab7;
			border-radius: 0px;
		}

		.navbar-custom .navbar-brand {
			color: #ffffff;
		}

		.navbar-custom .navbar-brand:hover,
		.navbar-custom .navbar-brand:focus {
			color: #e6e6e6;
			background-color: transparent;
		}

		.navbar-custom .navbar-text {
			color: #ffffff;
		}

		.navbar-custom .navbar-nav>li>a {
			color: #ffffff;
		}

		.navbar-custom .navbar-nav>li>a:hover,
		.navbar-custom .navbar-nav>li>a:focus {
			color: #c0c0c0;
			background-color: transparent;
		}

		.navbar-custom .navbar-nav>.active>a,
		.navbar-custom .navbar-nav>.active>a:hover,
		.navbar-custom .navbar-nav>.active>a:focus {
			color: #c0c0c0;
			background-color: #337ab7;
		}

		.navbar-custom .navbar-nav>.disabled>a,
		.navbar-custom .navbar-nav>.disabled>a:hover,
		.navbar-custom .navbar-nav>.disabled>a:focus {
			color: #cccccc;
			background-color: transparent;
		}

		.navbar-custom .navbar-toggle {
			border-color: #dddddd;
		}

		.navbar-custom .navbar-toggle:hover,
		.navbar-custom .navbar-toggle:focus {
			background-color: #dddddd;
		}

		.navbar-custom .navbar-toggle .icon-bar {
			background-color: #cccccc;
		}

		.navbar-custom .navbar-collapse,
		.navbar-custom .navbar-form {
			border-color: #3379b5;
		}

		.navbar-custom .navbar-nav>.dropdown>a:hover .caret,
		.navbar-custom .navbar-nav>.dropdown>a:focus .caret {
			border-top-color: #c0c0c0;
			border-bottom-color: #c0c0c0;
		}

		.navbar-custom .navbar-nav>.open>a,
		.navbar-custom .navbar-nav>.open>a:hover,
		.navbar-custom .navbar-nav>.open>a:focus {
			background-color: #337ab7;
			color: #c0c0c0;
		}

		.navbar-custom .navbar-nav>.open>a .caret,
		.navbar-custom .navbar-nav>.open>a:hover .caret,
		.navbar-custom .navbar-nav>.open>a:focus .caret {
			border-top-color: #c0c0c0;
			border-bottom-color: #c0c0c0;
		}

		.navbar-custom .navbar-nav>.dropdown>a .caret {
			border-top-color: #ffffff;
			border-bottom-color: #ffffff;
		}

		@media (max-width: 767) {
			.navbar-custom .navbar-nav .open .dropdown-menu>li>a {
				color: #ffffff;
			}
			.navbar-custom .navbar-nav .open .dropdown-menu>li>a:hover,
			.navbar-custom .navbar-nav .open .dropdown-menu>li>a:focus {
				color: #c0c0c0;
				background-color: transparent;
			}
			.navbar-custom .navbar-nav .open .dropdown-menu>.active>a,
			.navbar-custom .navbar-nav .open .dropdown-menu>.active>a:hover,
			.navbar-custom .navbar-nav .open .dropdown-menu>.active>a:focus {
				color: #c0c0c0;
				background-color: #337ab7;
			}
			.navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a,
			.navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a:hover,
			.navbar-custom .navbar-nav .open .dropdown-menu>.disabled>a:focus {
				color: #cccccc;
				background-color: transparent;
			}
		}

		.navbar-custom .navbar-link {
			color: #ffffff;
		}

		.navbar-custom .navbar-link:hover {
			color: #c0c0c0;
		}
		/* 产品销售 */

		.num .jian,
		.num .jia,
		.num .kuang {
			width: 40px;
			height: 40px;
			float: left;
			font-size: 16px;
			text-align: center;
		}

		.num .kuang {
			width: 70px;
			border: none;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

		.num .jian,
		.num .jia {
			border: 1px solid #ccc;
			cursor: pointer;
		}

		.num .jian {
			border-top-left-radius: 4px;
			border-bottom-left-radius: 4px;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}

		.num .jia {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		/* 产品销售－补贴产品 */

		.unavailable,
		.unavailable:hover {
			cursor: not-allowed;
			color: #aaaaaa;
		}

		.tree-node-content:hover,
		.selected {
			color: #3c763d;
			background: #dff0d8;
		}
		/*卡池样式*/

		.wid20 {
			width: 20% !important;
		}

		.mb0 {
			margin-bottom: 0 !important;
		}

		.ss-item {
			position: relative;
			display: inline-block;
			height: 22px;
			line-height: 22px;
			border: 1px solid #DDD;
			font-size: 12px;
			vertical-align: top;
			margin: 0 5px 5px 0;
			padding: 0 4px 0 4px;
			cursor: pointer;
		}
	</style>

</div>